<!--
/**************************************************/
/* Programmer: Stephen Chappel                    */
/*       Date:                           		  */
/*  Page Name: registration.php                   */
/*                                                */
/**************************************************/

/**************************************************/
/*       */
/*                                                */
/**************************************************/

/**************************************************/
/*   Date        Reviser       Revision           */
/* --------     ---------     ----------          */
/* 	  										  	  */
/*                                                */
/**************************************************/
-->

<html>
	<head>
		<link rel="stylesheet" href="css/orbit-1.2.3.css">
		<link rel="stylesheet" type="text/css" href="css/FirstPage.css">
		<link rel="stylesheet" type="text/css" href="css/registration.css">
		<script type="text/javascript" src="JQuery/jquery-1.9.0.min.js"></script>  
		<script>
		    function blink() {
		        var f = document.getElementById('msg_area');
	    	    setInterval(function() {
			    f.style.display = (f.style.display == 'none' ? '' : 'none');
			    }, 500);
		    }
		</script>
		
		<title>RedPen Testing Center</title>
	</head>
	<body onload="blink();">
		<div id="main">
			
			<div id="TopBoard">
			<a href="FirstPage.php"> <img src="images/redpen-01.png" alt="RedPenLogo" id="RedPenLogo"/></a>
				<form id="LoginForm" action="login.php" method="post">
					<span id="UserNameLabel" class="LoginLabel">User Name</span><input type="text" name="UserName" id="UserName" class="LoginInput" />
					<span id="PasswordLabel" class="LoginLabel">Password</span><input type="password" name="Password" id="Password" class="LoginInput" />

					<span id="LoginButtons"><input type="submit" class="submit-bkgrd" value="" id="loginButton" /> </span>

					<span id="RememberMe"><input type="checkbox" id="RememberMeChBx" />Remember me</span>
				</form>
			</div>
			<div id="HeaderBar"></div>
			
			<div id="Content">
				<br /><br /><br /><br /><br /><br />
				
				
				<div id="RegisterSection">
					<span id="Instruction">Please enter your details below to register. Your e-mail address will be used as your user name.</span>
					<br/><br/><br />
					<form id="registrationForm" action="register_user.php" method="post">

							<label for="first_name">First Name</label>
							<input type="text" name="first_name" id="first_name" /><br />
							<label for="last_name">Last Name</label>
							<input type="text" name="last_name" id="last_name" /><br />
							<label for="gender">Gender</label>
							<select name="gender" id="gender">
								<option value="m">Male</option>
								<option value="f">Female</option>
							</select><br />
							<label for="email">Email Address</label>
							<input type="text" name="email" id="email" /><br />
							<label for="password">Password</label>
							<input type="password" name="password" id="password" /><br /><br /><br />
							<input type="submit" value="Register" id="registerButton" />
					</form>	
					<br />
					<span id="Err" class="ErrMsg" >
		        <?php 
			        if(isset($_GET['field']))
			        {
				       if($_GET['field'] == 'emailerror')
				            echo 'That e-mail address is already registered.';
						else if($_GET['field'] == 'bademailre')
							echo 'Your e-mail address is not recognized.';
						else if($_GET['field'] == 'shortpw')
							echo 'Your password must be at least 10 characters long.';
				        else
						    echo 'Error. Please check the entered password and try again.';
}
					?>
				</span>
				</div>
			</div>
			
			<div id="footer">
				<div id="HeaderBar"></div>
				<br/>
				<span id="Copyright">
					&#169; Team Flash 2013
					<br/>Pensacola Christian College
				</span>
				<br/>
			</div>
		</div>
	</body>			
</html>